const HtmlWebpackPlugin = require('html-webpack-plugin')
const Path = require('path')
module.exports ={
    mode:'development',
    entry: './app.js',
    output: {
        clean: true
    },
    plugins: [
        new HtmlWebpackPlugin()
    ],
    devtool: 'cheap-module-source-map',
    module:{
        rules:[
            {
                test:/\.js$/,
                use:{
                    loader: 'babel-loader',
                    options:{
                        presets:['@babel/preset-env']
                    }
                }
            }
        ]
    },

    devServer: {
        static:Path.resolve(__dirname,'./dist'),

        compress:true, //content-Encoding: gzip

        port:3000, // 端口

        headers:{ // 头部设置
            'X-Access-Token':'123'
        },

        proxy:{ //代理
            '/api':{
                target:'http://localhost:9000', //代理目的地
                pathRewrite: { //路径更改
                    '/gait-boot': '/gait-boot'
                },
                ws: true, //是否代理websocket
                changeOrigin: true //？
            }, //简单代理
        },

        https: false, //将http改为https 可以配置证书，但是开发没必要

        historyApiFallback: true,

        host: '0.0.0.0' //允许其他人访问本地启动的服务器
    }
}